<template>
    <div>
        <CommonContainer title="合同模版修改">
            <div>
                <el-descriptions :column="1">
                    <el-descriptions-item label="修改类型">
                        <dict-tag :options="dict.type.contract_template_edit_type" :value="detailInfo.applicationType"/>
                    </el-descriptions-item>
                    <el-descriptions-item v-if="detailInfo.applicationType>1&&detailInfo.source==1" label="仅适用于此额度申请">
                        <dict-tag :options="dict.type.business_yes_no" :value="detailInfo.onlyThis"/>
                    </el-descriptions-item>
                    <el-descriptions-item label="新合同模" v-if="detailInfo.applicationType==1||detailInfo.applicationType==5">
                        <div class="flex-row-center" style="position: relative;top:-6px">
                            <span>{{ detailInfo.newTemplateName }}</span>
                            <el-button style="margin-left: 15px;" type="text" @click="handleSeeContractContent(detailInfo.newTemplateId)">查看</el-button>
                            <el-button style="margin-left: 15px;" type="text" @click="downloadContractContent(detailInfo.newTemplateId)">下载</el-button>
                        </div>
                    </el-descriptions-item>

                  <template v-if="detailInfo.applicationType==3">
                    <el-descriptions-item label="公司标准模版">
                      <div class="flex-row-center" style="position: relative;top:-6px">
                        <span>{{ detailInfo.contractTemplate.companyStandardTemplateName }}</span>
                        <el-button style="margin-left: 15px;" type="text" @click="handleSeeContractContent(detailInfo.contractTemplate.companyStandardTemplate)">查看</el-button>
                        <el-button style="margin-left: 15px;" type="text" @click="downloadContractContent(detailInfo.contractTemplate.companyStandardTemplate)">下载</el-button>
                      </div>
                    </el-descriptions-item>
                    <el-descriptions-item label="生成的客户标准模版" v-if="detailInfo.approvalStatus==2">
                      <div class="flex-row-center" style="position: relative;top:-6px">
                        <span>{{ detailInfo.newTemplateName }}</span>
                        <el-button style="margin-left: 15px;" type="text" @click="handleSeeContractContent(detailInfo.newTemplateId)">查看</el-button>
                        <el-button style="margin-left: 15px;" type="text" @click="downloadContractContent(detailInfo.newTemplateId)">下载</el-button>
                      </div>
                    </el-descriptions-item>
                  </template>

                    <el-descriptions-item v-if="detailInfo.applicationType==4" label="客户公司合同模版">
                        <image-common disabled :up-type="1" v-model="detailInfo.contractTemplate.contractAnnex"></image-common>
                    </el-descriptions-item>
                    <el-descriptions-item v-if="detailInfo.approvalStatus==2 && (detailInfo.applicationType==3||detailInfo.applicationType==4)" label="使用客户">
                        <div class="flex-row-center">
                            <span> {{ detailInfo.contractTemplate.customerNames }}</span>
                            <template v-if="detailInfo.onlyThis==2">
                                <span style="margin-left: 15px;color: #1890ff;font-size: 12px" @click="handleManagerCustomer">管理客户</span>
                            </template>
                        </div>
                    </el-descriptions-item>
                    <el-descriptions-item v-if="detailInfo.applicationType==1||detailInfo.applicationType==5" label="附件">
                        <image-common disabled :up-type="1" v-model="detailInfo.annex"></image-common>
                    </el-descriptions-item>
                    <template v-if="detailInfo.applicationType==3||detailInfo.applicationType==4">
                        <el-descriptions-item label="相关配置">
                        </el-descriptions-item>
                    </template>
                </el-descriptions>
                <div v-if="detailInfo.applicationType==3">
                    <el-tabs v-model="activeName">
                        <el-tab-pane label="当前约定" name="1">
                            <div>
                                <el-row :gutter="20">
                                    <el-col :span="8">
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">逾期还车</span>
                                                <e-switch v-model="detailInfo.contractTemplate.overdue" disabled></e-switch>
                                            </p>

                                            <div class="agreedContent flex-row-center">
                                                逾期日租金:原日租金
                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueParam" disabled></el-input>
                                                %
                                            </div>
                                        </div>

                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">异地还车</span>
                                                <e-switch v-model="detailInfo.contractTemplate.offsite" disabled></e-switch>
                                            </p>

                                            <div class="agreedContent flex-row-center">
                                                单价:
                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.offsiteParam" disabled></el-input>
                                                元/公里
                                            </div>

                                        </div>
                                    </el-col>
                                    <el-col :span="8">
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">滞纳金</span>
                                                <e-switch v-model="detailInfo.contractTemplate.lateFee" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent flex-row-center">
                                                计费规则:逾期金额的
                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.lateFeeParam" disabled></el-input>
                                                %
                                            </div>

                                        </div>
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">超公里费</span>
                                                <e-switch v-model="detailInfo.contractTemplate.overmileageFee" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent flex-row-center">
                                                单价:
                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overmileageFeeParam"
                                                          disabled></el-input>
                                                元/公里
                                            </div>

                                        </div>
                                    </el-col>
                                    <el-col :span="8">
                                        <div class="agreedItem" style="height: 228px">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">逾期规则(租金)</span>
                                                <e-switch v-model="detailInfo.contractTemplate.overdueRules" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent" style="margin-top: 35px">
                                                <el-radio-group v-model="detailInfo.contractTemplate.overdueRulesType" disabled>
                                                    <div>
                                                        <el-radio :label="1">
                                                            <p class="flex-row-center" style="flex-wrap: wrap">
                                                                逾期规则:超
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueRulesParam1"
                                                                          disabled></el-input>
                                                                自然日未付款
                                                            </p>
                                                        </el-radio>
                                                    </div>
                                                    <div>
                                                        <el-radio :label="2">
                                                            <p class="flex-row-center" style="flex-wrap: wrap">
                                                                逾期规则:次期
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueRulesParam2"
                                                                          disabled></el-input>
                                                                日前未付款
                                                            </p>
                                                        </el-radio>
                                                    </div>

                                                </el-radio-group>


                                            </div>
                                        </div>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="24">

                                        <div class="agreedItem" style="height: auto">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">提前还车</span>
                                                <e-switch v-model="detailInfo.contractTemplate.earlyReturn" disabled></e-switch>
                                            </p>
                                            <div style="padding-bottom: 20px">
                                                <el-table
                                                    :data="detailInfo.contractTemplate.earlyReturnRules"
                                                    :header-cell-style="{ background: '#FAFAFA', color: '#000000' }" border>
                                                    <el-table-column
                                                        align="center"
                                                        prop="reasonForEarlyReturn"
                                                        label="提前还车"
                                                        key="reasonForEarlyReturn"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <el-select v-model="row.reasonForEarlyReturn" placeholder="请选择提前还车原因" disabled>
                                                                <el-option v-for="dict in dict.type.reason_for_early_return" :label="dict.label" :value="parseInt(dict.value)"
                                                                           :key="dict.value"></el-option>
                                                            </el-select>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                        align="center"
                                                        prop="leaseTerm"
                                                        label="已履行租期(月)"
                                                        key="leaseTerm"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <div>
                                                                <input-number-range v-model="row.leaseTerm" unit="月" disabled></input-number-range>
                                                            </div>

                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                        align="center"
                                                        prop="liquidatedDamagesScale"
                                                        label="违约金比例"
                                                        key="liquidatedDamagesScale"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <p class="flex-row-center">
                                                                剩余未履行租赁期应支付租金总额的
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="row.liquidatedDamagesScale" disabled></el-input>
                                                                %
                                                            </p>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>

                                            </div>
                                        </div>

                                    </el-col>
                                </el-row>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="原模版约定" name="2">
                            <div>
                                <el-row :gutter="20">
                                    <el-col :span="8">
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">逾期还车</span>
                                                <e-switch v-model="oldDetailInfo.overdue" disabled></e-switch>
                                            </p>

                                            <div class="agreedContent flex-row-center">
                                                逾期日租金:原日租金
                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.overdueParam" disabled></el-input>
                                                %
                                            </div>
                                        </div>

                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">异地还车</span>
                                                <e-switch v-model="oldDetailInfo.offsite" disabled></e-switch>
                                            </p>

                                            <div class="agreedContent flex-row-center">
                                                单价:
                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.offsiteParam" disabled></el-input>
                                                元/公里
                                            </div>

                                        </div>
                                    </el-col>
                                    <el-col :span="8">
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">滞纳金</span>
                                                <e-switch v-model="oldDetailInfo.lateFee" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent flex-row-center">
                                                计费规则:逾期金额的
                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.lateFeeParam" disabled></el-input>
                                                %
                                            </div>

                                        </div>
                                        <div class="agreedItem">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">超公里费</span>
                                                <e-switch v-model="oldDetailInfo.overmileageFee" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent flex-row-center">
                                                单价:
                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.overmileageFeeParam"
                                                          disabled></el-input>
                                                元/公里
                                            </div>

                                        </div>
                                    </el-col>
                                    <el-col :span="8">
                                        <div class="agreedItem" style="height: 228px">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">逾期规则(租金)</span>
                                                <e-switch v-model="oldDetailInfo.overdueRules" disabled></e-switch>
                                            </p>
                                            <div class="agreedContent" style="margin-top: 35px">
                                                <el-radio-group v-model="oldDetailInfo.overdueRulesType" disabled>
                                                    <div>
                                                        <el-radio :label="1">
                                                            <p class="flex-row-center" style="flex-wrap: wrap">
                                                                逾期规则:超
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.overdueRulesParam1"
                                                                          disabled></el-input>
                                                                自然日未付款
                                                            </p>
                                                        </el-radio>
                                                    </div>
                                                    <div>
                                                        <el-radio :label="2">
                                                            <p class="flex-row-center" style="flex-wrap: wrap">
                                                                逾期规则:次期
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="oldDetailInfo.overdueRulesParam2"
                                                                          disabled></el-input>
                                                                日前未付款
                                                            </p>
                                                        </el-radio>
                                                    </div>

                                                </el-radio-group>


                                            </div>
                                        </div>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="24">

                                        <div class="agreedItem" style="height: auto">
                                            <p class="titleInfo flex-row-center-sb">
                                                <span class="ruleTitle">提前还车</span>
                                                <e-switch v-model="oldDetailInfo.earlyReturn" disabled></e-switch>
                                            </p>
                                            <div style="padding-bottom: 20px">
                                                <el-table
                                                    :data="oldDetailInfo.earlyReturnRules"
                                                    :header-cell-style="{ background: '#FAFAFA', color: '#000000' }" border>
                                                    <el-table-column
                                                        align="center"
                                                        prop="reasonForEarlyReturn"
                                                        label="提前还车"
                                                        key="reasonForEarlyReturn"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <el-select v-model="row.reasonForEarlyReturn" placeholder="请选择提前还车原因" disabled>
                                                                <el-option v-for="dict in dict.type.reason_for_early_return" :label="dict.label" :value="parseInt(dict.value)"
                                                                           :key="dict.value"></el-option>
                                                            </el-select>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                        align="center"
                                                        prop="leaseTerm"
                                                        label="已履行租期(月)"
                                                        key="leaseTerm"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <div>
                                                                <input-number-range v-model="row.leaseTerm" unit="月" disabled></input-number-range>
                                                            </div>

                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                        align="center"
                                                        prop="liquidatedDamagesScale"
                                                        label="违约金比例"
                                                        key="liquidatedDamagesScale"
                                                        min-width="180">
                                                        <template v-slot="{row}">
                                                            <p class="flex-row-center">
                                                                剩余未履行租赁期应支付租金总额的
                                                                <el-input style="width: 80px;margin: 0 8px" v-model="row.liquidatedDamagesScale" disabled></el-input>
                                                                %
                                                            </p>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>

                                            </div>
                                        </div>

                                    </el-col>
                                </el-row>
                            </div>
                        </el-tab-pane>
                    </el-tabs>
                </div>
                <div v-if="detailInfo.applicationType==4">
                    <el-row :gutter="20">
                        <el-col :span="8">
                            <div class="agreedItem">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">逾期还车</span>
                                    <e-switch v-model="detailInfo.contractTemplate.overdue" disabled></e-switch>
                                </p>

                                <div class="agreedContent flex-row-center">
                                    逾期日租金:原日租金
                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueParam" disabled></el-input>
                                    %
                                </div>
                            </div>

                            <div class="agreedItem">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">异地还车</span>
                                    <e-switch v-model="detailInfo.contractTemplate.offsite" disabled></e-switch>
                                </p>

                                <div class="agreedContent flex-row-center">
                                    单价:
                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.offsiteParam" disabled></el-input>
                                    元/公里
                                </div>

                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div class="agreedItem">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">滞纳金</span>
                                    <e-switch v-model="detailInfo.contractTemplate.lateFee" disabled></e-switch>
                                </p>
                                <div class="agreedContent flex-row-center">
                                    计费规则:逾期金额的
                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.lateFeeParam" disabled></el-input>
                                    %
                                </div>

                            </div>
                            <div class="agreedItem">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">超公里费</span>
                                    <e-switch v-model="detailInfo.contractTemplate.overmileageFee" disabled></e-switch>
                                </p>
                                <div class="agreedContent flex-row-center">
                                    单价:
                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overmileageFeeParam"
                                              disabled></el-input>
                                    元/公里
                                </div>

                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div class="agreedItem" style="height: 228px">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">逾期规则(租金)</span>
                                    <e-switch v-model="detailInfo.contractTemplate.overdueRules" disabled></e-switch>
                                </p>
                                <div class="agreedContent" style="margin-top: 35px">
                                    <el-radio-group v-model="detailInfo.contractTemplate.overdueRulesType" disabled>
                                        <div>
                                            <el-radio :label="1">
                                                <p class="flex-row-center" style="flex-wrap: wrap">
                                                    逾期规则:超
                                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueRulesParam1"
                                                              disabled></el-input>
                                                    自然日未付款
                                                </p>
                                            </el-radio>
                                        </div>
                                        <div>
                                            <el-radio :label="2">
                                                <p class="flex-row-center" style="flex-wrap: wrap">
                                                    逾期规则:次期
                                                    <el-input style="width: 80px;margin: 0 8px" v-model="detailInfo.contractTemplate.overdueRulesParam2"
                                                              disabled></el-input>
                                                    日前未付款
                                                </p>
                                            </el-radio>
                                        </div>

                                    </el-radio-group>


                                </div>
                            </div>
                        </el-col>
                    </el-row>
                    <el-row :gutter="20">
                        <el-col :span="24">

                            <div class="agreedItem" style="height: auto">
                                <p class="titleInfo flex-row-center-sb">
                                    <span class="ruleTitle">提前还车</span>
                                    <e-switch v-model="detailInfo.contractTemplate.earlyReturn" disabled></e-switch>
                                </p>
                                <div style="padding-bottom: 20px">
                                    <el-table
                                        :data="detailInfo.contractTemplate.earlyReturnRules"
                                        :header-cell-style="{ background: '#FAFAFA', color: '#000000' }" border>
                                        <template slot="empty">
                                            <el-empty :image-size="50" description="暂无数据"></el-empty>
                                        </template>
                                        <el-table-column
                                            align="center"
                                            prop="reasonForEarlyReturn"
                                            label="提前还车"
                                            key="reasonForEarlyReturn"
                                            min-width="180">
                                            <template v-slot="{row}">
                                                <el-select v-model="row.reasonForEarlyReturn" placeholder="请选择提前还车原因" disabled>
                                                    <el-option v-for="dict in dict.type.reason_for_early_return" :label="dict.label" :value="parseInt(dict.value)"
                                                               :key="dict.value"></el-option>
                                                </el-select>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            align="center"
                                            prop="leaseTerm"
                                            label="已履行租期(月)"
                                            key="leaseTerm"
                                            min-width="180">
                                            <template v-slot="{row}">
                                                <div>
                                                    <input-number-range v-model="row.leaseTerm" unit="月" disabled></input-number-range>
                                                </div>

                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            align="center"
                                            prop="liquidatedDamagesScale"
                                            label="违约金比例"
                                            key="liquidatedDamagesScale"
                                            min-width="180">
                                            <template v-slot="{row}">
                                                <p class="flex-row-center">
                                                    剩余未履行租赁期应支付租金总额的
                                                    <el-input style="width: 80px;margin: 0 8px" v-model="row.liquidatedDamagesScale" disabled></el-input>
                                                    %
                                                </p>
                                            </template>
                                        </el-table-column>
                                    </el-table>

                                </div>
                            </div>

                        </el-col>
                    </el-row>
                </div>

                <el-descriptions v-if="detailInfo.applicationType==3&&activeName==1" :column="1">
                    <el-descriptions-item v-if="detailInfo.applicationType==3" label="特殊约定">
                        {{ detailInfo.specialAgreement }}
                    </el-descriptions-item>
                    <el-descriptions-item label="说明">
                        {{ detailInfo.remark }}
                    </el-descriptions-item>
                    <el-descriptions-item label="附件">
                        <image-common disabled :up-type="2" v-model="detailInfo.annex"></image-common>
                    </el-descriptions-item>
                </el-descriptions>

                <el-descriptions v-if="detailInfo.applicationType==4" :column="1">
                    <el-descriptions-item label="说明">
                        {{ detailInfo.remark }}
                    </el-descriptions-item>
                    <el-descriptions-item label="附件">
                        <image-common disabled :up-type="2" v-model="detailInfo.annex"></image-common>
                    </el-descriptions-item>
                </el-descriptions>

            </div>
        </CommonContainer>
        <common-contract-content ref="commonContractContent"></common-contract-content>

    </div>
</template>

<script>
import InputNumberRange from "@/components/InputNumberRange/index.vue";
import CommonContractContent from "@/views/contractTemplate/components/CommonContractContent.vue";
import {downloadContractContent} from "@/api/contractTemplate/templateUpdate"
export default {
    dicts: ['business_yes_no', 'contract_template_edit_type', 'reason_for_early_return'],
    components: {CommonContractContent, InputNumberRange},
    props: {
        detailInfo: {
            type: Object,
            default: {}
        }
    },
    data() {
        return {
            activeName:'1'
        }
    },
    computed: {
        oldDetailInfo(){
            let oldDetailInfo = null
            if (this.detailInfo?.contractTemplate?.companyStandardTemplateVo){
                oldDetailInfo = this.detailInfo?.contractTemplate?.companyStandardTemplateVo

                if (oldDetailInfo.overdueRulesParam) {
                    if (oldDetailInfo.overdueRulesType == 1) {
                        this.$set(oldDetailInfo, 'overdueRulesParam1', oldDetailInfo.overdueRulesParam)
                    } else if (oldDetailInfo.overdueRulesType == 2) {
                        this.$set(oldDetailInfo, 'overdueRulesParam2', oldDetailInfo.overdueRulesParam)
                    }
                }else {
                    this.$set(oldDetailInfo, 'overdueRulesParam1', null)
                    this.$set(oldDetailInfo, 'overdueRulesParam2', null)
                }

                if (oldDetailInfo.earlyReturnRules && oldDetailInfo.earlyReturnRules.length > 0) {
                    oldDetailInfo.earlyReturnRules = oldDetailInfo.earlyReturnRules.map(item => {
                        this.$set(item, 'leaseTerm', [item.minLeaseTerm, item.maxLeaseTerm])
                        return item
                    })
                }
            }
            return oldDetailInfo
        }
    },
    methods: {
        handleManagerCustomer(){
            this.$emit('managerCustomer');
        },
        handleSeeContractContent(id){
            this.$refs.commonContractContent.show(id)
        },
        downloadContractContent(id){
            this.$download.contractTemplate(id);
        }
    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
.agreedItem {
    padding: 8px 20px;
    border-radius: 6px;
    border: 1px solid #DADADA;
    margin-bottom: 16px;
    height: 106px;
    font-size: 14px;
    color: #333333;

    .titleInfo {
        .ruleTitle {
            font-weight: bold;

            &::before {
                content: '*';
                color: #F5222D;
                position: relative;
                top: 2px;
                margin-right: 4px;
            }
        }
    }

    .agreedContent {
        //margin-top: 15px;
    }
}

::v-deep .el-radio {
    color: #606266;
    font-weight: 500;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    outline: none;
    font-size: 14px;
    margin-right: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: flex;
}

::v-deep .el-radio__label {
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    top: -23px;
}
</style>
